<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript">
    $(function () {
        //翻页功能
        $(".btn_page").click(function () {
            var pageNo = $(this).data("page") || $("[name=currentPage]").val();
            $("input[name=currentPage]").val(pageNo);
            $("#searchForm").submit();
        });
        //页面显示条数的改变
        $(":input[name=pageSize]").change(function () {
            $("input[name=currentPage]").val(1);
            $("#searchForm").submit();
        })
        //页面显示条数回显
        $(":input[name=pageSize] option").each(function (index,item) {
            if(item.value == "${pageResult.pageSize}"){
                $(item).prop("selected",true);
            }
        })
    });
</script>
<div class="ui_flt" style="height: 30px; line-height: 30px;">
    共有
    <span class="ui_txt_bold04">${pageResult.totalCount}</span>
    条记录，当前第
    <span class="ui_txt_bold04">${pageResult.currentPage}/${pageResult.totalPage}</span>
    页
</div>
<div class="ui_frt">
    <input type="button" value="首页" class="ui_input_btn01 btn_page" data-page="1"/>
    <input type="button" value="上一页" class="ui_input_btn01 btn_page" data-page="${pageResult.prevPage}"/>
    <input type="button" value="下一页" class="ui_input_btn01 btn_page" data-page="${pageResult.nextPage}"/>
    <input type="button" value="尾页" class="ui_input_btn01 btn_page" data-page="${pageResult.totalPage}"/>

    <select list="{5,10,20,50}" name="pageSize" class="ui_select02">
        <option>5</option>
        <option>10</option>
        <option>20</option>
        <option>50</option>
    </select>
    转到第<input type="text" name="currentPage" value="${pageResult.currentPage}" class="ui_input_txt01"/>页
    <input type="button" class="ui_input_btn01 btn_page" value="跳转"/>
</div>